<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=11" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" />
  <meta content="yes" name="apple-mobile-web-app-capable" />
  <meta content="black" name="apple-mobile-web-app-status-bar-style" />
  <meta content="telephone=no" name="format-detection" />
  <title>课程详情</title>
  <link rel="stylesheet" type="text/css" href="/static/acweb/release/css/openclass.min.css">
</head>
<body>
<section class="cls-details" id="container" data-init="openclass" data-status="{$courseInfo.course_attend_class}">
  <section class="deta-img">
    <span class="cls-logo"><img src="/static/acweb/release/images/cls_logo.png"></span>
    <!--金山的不显示分享-->
    {if $channel != 10001}
    <span class="share"><img src="/static/acweb/release/images/deta_collection.png"></span>
    <span class="collection"><img src="/static/acweb/release/images/deta_share.png"></span>
    {/if}
  </section>
  <section class="title">
    <h3>{$courseInfo.course_name}</h3>
    <p>{$courseInfo.start_time_form}</p>
  </section>
  <!-- teaching -->
  <section class="teaching">
    <ul>
      <li><img src="{if $courseInfo.tea_pic} {$courseInfo.tea_pic} {else} /static/acweb/release/images/default01.png {/if}"></li>
      <li><span class="tt">{$courseInfo.tea_name}</span></li>
      <li><span class="ts">主讲老师</span></li>
      <br/>
      <br/>
      <li><p>&nbsp;&nbsp;&nbsp;&nbsp;{$courseInfo.tea_desc_cn}</p></li>
    </ul>
  </section>
  <section class="course">
    <h3>课程简介</h3>
    <span class="hr"></span>
    <section class="test">
      <p>{$courseInfo.course_intro_long}</p>
    </section>
  </section>
  <section class="follow">
    <h3>更多51talk免费公开课</h3>
    {if $channel != 10001}

      {if $occup == "adult" || $occup == "all"}
      <p>请关注“51talk无忧英语”微信公众号</p>
      <section class="code">
        <img src="/static/acweb/release/images/talker51.png">
      </section>
      {/if}
      {if $occup == "junior"}
      <p>请关注“51Talk无忧青少英语”微信公众号</p>
      <section class="code">
        <img src="/static/acweb/release/images/qingshao_erma.png">
      </section>
      {/if}
      {if $occup == "oumei"}
      <p>请关注“51Talk美国小学”微信公众号</p>
      <section class="code">
        <img src="/static/acweb/release/images/meixiao_erma.png">
      </section>
      {/if}
    {else}
    <!--金山的渠道号-->
    <p>请关注“51talk无忧英语”微信公众号</p>
    <section class="code">
      <img src="/static/acweb/release/images/talker51.png">
    </section>
    {/if}
  </section>

  <!-- add app -->
  <section class="app-bom hide">
    <section class="join-cls">
      <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.talk51.dasheng" class="app-text">下载APP ，获取更多精彩内容</a>
    </section>
  </section>
  <!-- add app -->

  <!-- 教室状态 -->
  <section class="join-bom">
    <section class="join-cls">
      <section class="cls-lt">
        <i class="detaT" data-end-time="{$courseInfo.start_time}" data-differ-time="{$courseInfo.end_time}" data-server-time="{$courseInfo.current_time}" ></i>

      </section>

      <section class="cls-rt hide" data-type-num="{$courseInfo.wap_remind}" id="clsEnter">
        <a href="javascript:;" class="entBtn">进入教室</a>
      </section>
    </section>
    <section class="dataDiffer hide">
      课程已结束
    </section>
  </section>
  <!-- /教室状态 -->
</section>
<!-- 分享弹出层 -->
<div class="shareLayer hide">
  <i class="detaShare detaKeep"></i>
</div>
<!-- 上课提示 -->
<div class="classtips hide">
  <div class="sucCont">
    <div class="nav">
      <h3>上课提示</h3>
      <i class="delete"><img src="/static/acweb/release/images/deta_delete.png"></i>
    </div>
    <img src="/static/acweb/release/images/cls_not_img.png" class="notImg">
    <p class="title">抱歉,该课程还没有开始哦～</p>
    <div class="content">【{$courseInfo.course_name}】的上课时间是<i>{$courseInfo.start_time_format}</i>,教室将于<i>课前1小时</i>开放,请提前进入教室，等待上课哦～</div>
  </div>
</div>
<!-- 进入教室 -->
<input type="hidden" value="{$token}" name="token" class = 'token'>
<div class="enterLayer hide" data-url-enter="/Thirdparty/Wxsub/checkNickname">
  <div class="enter">
    <p>取一个好听的英文名，让老师记住你吧～</p>
    <div class="input"><input name='nick_name' type="text" placeholder="请输入英文名" class="inputTest"></div>
    <div id="errTip" class="errBox"></div>
    <a href="javascript:;" class="enterBtn">进入教室</a>
  </div>
</div>
<form {if $user_token} action="/Thirdparty/Wxsub/enter?token={$token}&user_token={$user_token}" {else} action="/Thirdparty/Wxsub/enter?token={$token}" {/if} id="formAction" method="post">
  <input type="hidden" name="nick_name" id="nickName">
  <input type="hidden" name="token" id="toKen">
  <!--类别：青少 美小  成人  全部-->
  <input type="hidden" value="{$occup}" name="occup" id="occupIDHid">
  <img src="/static/acweb/release/images/talker51.png" width="1" height="1" border="0" onclik="return submit()">
</form>

<!--微信分享用到的参数-->
<input type="hidden" value="{$wxJsApiConfig.appId}" id="appIdHid">
<input type="hidden" value="{$wxJsApiConfig.nonceStr}" id="nonceStrHid">
<input type="hidden" value="{$wxJsApiConfig.timestamp}" id="timestampHid">
<input type="hidden" value="{$wxJsApiConfig.signature}" id="signatureHid">
<input type="hidden" value="{$courseInfo.course_name}" id="courseTitle">
<!-- 0表示没有小助手，1 表示有微信小助手;  data-type-num:2 表示QQ群小助手-->
<input type="hidden" value="{$courseInfo.wap_remind}" id="wapReindIDHid">
<input type="hidden" value="{$courseInfo.id}" id="courseIDHid">
<!--微信用户ID-->
<input type="hidden" value="{$userInfo.wxs_id}" id="wixinIDHid">
<!--是否已经预约-->
<!--0表示未预约，1表示已经预约-->
<input type="hidden" value="{$userInfo.appoint}" id="appointIDHid">
<input type="hidden" value="{$channel}" id="channelIDHid">

</body>
<!--公共尾部结束-->
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="/static/acweb/release/js/business/openclass.min.js"></script>
</html>
